.comentarios{
	overflow-y: auto;
	width: 100%;
	border-top: 1px solid #358e51;
}

.divFoto{
	height: 100%;
	width: 25%;
	text-align: center;
	float: left;
}

.divFormulario{
	/*float: right;*/
	width: 100%%;
	/*border-left: 1px solid gray;*/
	height: 100%;
}

@media (orientation:portrait)/*vertical*/
{
	.foto{
		width: 80px;
		height: 80px;
		position: relative;
		top: 10px;
		border-radius: 65px;
		border: 1px solid gray;
	}
	
	.espacoVazio{
		width: 4%;
	}
}

@media (orientation:landscape)/*horizontal*/
{
	.foto{
		width: 90px;
		height: 90px;
		position: relative;
		top: 5px;
		border-radius: 65px;
		border: 1px solid gray;
	}
	
	.espacoVazio{
		width: 2.5%;
	}
}

.botCurtir{
	text-align: left; 
	width: 10%;
}

.botResponder{
	text-align: left; width: 75%;
}

.formulario{
	resize: none;
	width: 100%;
	height: 60%;
	position: relative;
	top: 5px;
	border: 1px solid #358e51;
	outline: none;
	padding: 5px;
	font-size: 15px;
	border-bottom: none;
}

.divbotoesComentar{
	border: 1px solid #358e51;
	border-top: 1px solid silver;
	height: 18%;
	width: 100%;
	padding: 5px;
}

.divComentario{
	border-bottom: 1px solid #358e51;
	min-height: 90px;
	width: 100%;
}

.campoResposta{
	resize: none;
	outline: none;
	padding: 5px;
	width: 93%;
	height: 50px;
	border: 1px solid #358e51;
}

.roda{
	animation: mymove 5s infinite;
}

@keyframes mymove
{
	0%{transform: rotate(0deg);}
	25%  {transform: rotate(90deg);}
	50%  {transform: rotate(180deg);}
	75%  {transform: rotate(270deg);}
	100% {transform: rotate(360deg);}
}